<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
    <link href="https://js.arcgis.com/4.21/esri/themes/light/main.css" rel="stylesheet"/>
    <script src="https://js.arcgis.com/4.21/"></script>
    <script>
        require([
            "esri/Map",
            "esri/views/MapView",
            "esri/layers/VectorTileLayer","esri/layers/SceneLayer"
        ], (Map, MapView, VectorTileLayer,SceneLayer) => {
            var map = new Map();

            var view = new MapView({
                container: "viewDiv",
                map: map,
                center: [-98.5795, 39.8282],
                zoom: 3
            });

            var tileLayer = new VectorTileLayer({
                url:"https://jsapi.maps.arcgis.com/sharing/rest/content/items/75f4dfdff19e445395653121a95a85db/resources/styles/root.json"
            });
            map.add(tileLayer);
        });
    </script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
